@charset "utf-8";
/*banner*/
.banner{
min-width: 1335px;
height:619px;
position:relative;
margin-top: 0;
}
.banner a:hover{
color: #fff;
}
.banner_lunbo{
height:619px;
}
.banner_layout{
width: 1200px;
position: relative;
left: 50%;
margin-left: -600px;
}
.lunbo_button{
position: absolute;
background: #54D0C4;
color: #fff;
width: 160px;
height: 40px;
border-radius: 30px;
outline: none;
line-height: 40px;
text-align: center;
cursor: pointer;
font-size: 14px;
}
.lunbo_button1{
top:140px;
left: 50%;
margin-left: -80px;
}
.lunbo_button2{
top:300px;
left: 0;
}
.lunbo_button3{
top:240px;
left: 0;
}
.lunbo_button4{
top:440px;
left: 0;
}
.frist_lunbo{
background:url(../../image/index/banner7.png) no-repeat center;
display: block;
}
.sec_lunbo{
background:url(../../image/index/banner2.png) no-repeat center;
display: none;
}
.thr_lunbo{
background:url(../../image/index/banner3.png) no-repeat center;
display: none;
}
.four_lunbo{
background:url(../../image/index/banner4.png) no-repeat center;
display: none;
}
.five_lunbo{
background:url(../../image/index/banner5.png) no-repeat center;
display: none;
}
.six_lunbo{
background:url(../../image/index/banner6.png) no-repeat center;
background-size: cover;
display: none;
}
.banner_list{
width:38px;
height:10px;
top:auto;
bottom:10px;
}
.banner_list_li{
width:10px;
height:10px;
border-radius:5px;
margin:0 10px 0 0;
padding:2px;
float:left;
cursor:pointer;
background:#e6e6e6;
}
.list_li_first{
background:#2bb8aa;
}
.banner_list_liLast{
margin:0;
}
/*banner*/
/*解决方案common样式*/
.common{
width: 100%;
border-bottom: 1px solid #E9EAEA;
}
.common_b_right{
background: #f6fafd;
}
.common_bg{
height: 695px;
width: 1200px;
margin:0 auto;
}
.common_bg_right{
background: #f6fafd;
}
.common_left{
float: left;
}
.common_sesion1{
margin-top: 160px;
font-size: 28px;
color: rgb(102,102,102);
}
.common_sesion2{
font-size: 36px;
color: rgb(100,100,100);
}
.common_sesion3{
margin-top: 28px;
font-size: 20px;
color: rgb(153,153,153);
}
.common_itemCt{
}
.common_item{
margin: 80px 80px 20px 0;
float: left;
width: 80px;
height: 100px;
}
.common_item_title{
font-size: 14px;
color: rgb(153,153,153);
margin:100px 0 0 15px;
}
.common_item_title_5{
margin:100px 0 0 8px;
}
.online_bg1{
background:url(../../image/index/1.png) top center no-repeat;
}
.online_bg2{
background:url(../../image/index/2.png) top center no-repeat;
}
.online_bg3{
background:url(../../image/index/3.png) top center no-repeat;
}
.online_bg4{
background:url(../../image/index/4.png) top center no-repeat;
}
.online_bg5{
background:url(../../image/index/5.png) top center no-repeat;
}
.online_bg6{
background:url(../../image/index/6.png) top center no-repeat;
}
.online_bg7{
background:url(../../image/index/7.png) top center no-repeat;
}
.online_bg8{
background:url(../../image/index/8.png) top center no-repeat;
}
.online_bg9{
background:url(../../image/index/9.png) top center no-repeat;
}
.online_bg10{
background:url(../../image/index/10.png) top center no-repeat;
}
.online_bg11{
background:url(../../image/index/11.png) top center no-repeat;
}
.online_bg12{
background:url(../../image/index/12.png) top center no-repeat;
}
.online_bg13{
background:url(../../image/index/13.png) top center no-repeat;
}
.online_bg14{
background:url(../../image/index/14.png) top center no-repeat;
}
.online_bg15{
background:url(../../image/index/15.png) top center no-repeat;
}
.online_bg16{
background:url(../../image/index/16.png) top center no-repeat;
background-size: cover;
}
.online_bg17{
background:url(../../image/index/17.png) top center no-repeat;
background-size: cover;
}
.online_bg18{
background:url(../../image/index/18.png) top center no-repeat;
background-size: cover;
}
.online_bg19{
background:url(../../image/index/19.png) top center no-repeat;
background-size: cover;
}
.online_bg20{
background:url(../../image/index/20.png) top center no-repeat;
background-size: cover;
}
.online_bg21{
background:url(../../image/index/21.png) top center no-repeat;
background-size: cover;
}
.online_bg_dis{
margin: 50px 80px 20px 0;
width: 80px;
height: 80px;
}
.common_right{
float: right;
margin-top: 8%;
}
.right_16{
margin-top:16%;
}
.common_bg_right .common_left{
float: right;
}
.common_bg_right .common_right{
float: left;
}
/*解决方案common样式*/
/*hotline*/
.hotline_bgs{
display:none;
}
.hotline_bg{
height:160px;
background:#2E3643;
min-width:1200px;
}
.hotline{
height:160px;
width:1200px;
margin:0 auto;
border-bottom:1px solid #3D4959;
}
.hotline_list{
width:1200px;
height:160px;
padding:30px 0 0 0;
}
.hotline_list_item{
width:24%;
height:64px;
padding:0 0 30px 0;
float:left;
margin-right: 1%;
color: #e5e5e5;
}
.hotline_list_item_last{
width:30%;
}
.hotline_item_left{
width:62px;
float:left;
height:34px;
font-family:'微软雅黑';
font-size:14px;
font-weight:bold;
line-height:14px;
color: #e5e5e5;
}
.hotline_item_left_one{
width:80px;
float:left;
height:34px;
font-family:'微软雅黑';
font-size:14px;
font-weight:bold;
line-height:14px;
color: #e5e5e5;
}
.hotline_item_right{
height:34px;
float:left;
padding:0 0 0 20px;
font-family:'宋体';
font-size:12px;
line-height:12px;
background:url(../../image/man.png) left bottom no-repeat;
color: #e5e5e5;
}
.hotline_item_right span{
display:block;
font-family:'宋体';
font-size:12px;
line-height:32px;
color: #e5e5e5;
}
/*.hotline_item_right_one{
margin: 0 0 0 80px;
}
.hotline_item_right_two{
margin: 0 0 0 80px;
}
.hotline_item_right_thr{
margin: 0 0 0 80px;
}*/
.q,.w,.e,.r{
display: none;
}
/*hotline*/
.mobile_1,.mobile_2,.mobile_3,.mobile_4,.mobile_5{
display: none;
}
/*手机端样式*/
@media screen and (max-width: 720px) {
/*轮播图*/
.banner{
width: 100%;
min-width: 320px;
height: auto;
background: #fff;
}
.banner_layout{
display: none;
}
.banner_lunbo{
width: 100%;
height: 210px;
}
.frist_lunbo{
background:url(../../image/index/mobile/banner7.png) no-repeat center;
display: block;
background-size:100% 100%;
}
.sec_lunbo{
background:url(../../image/index/mobile/banner5.png) no-repeat center;
display: none;
background-size:cover;
}
.thr_lunbo{
background:url(../../image/index/mobile/banner2.png) no-repeat center;
display: none;
background-size:cover;
}
.four_lunbo{
background:url(../../image/index/mobile/banner3.png) no-repeat center;
display: none;
background-size:cover;
}
.five_lunbo{
background:url(../../image/index/mobile/banner4.png) no-repeat center;
display: none;
background-size:cover;
}
.six_lunbo{
background:url(../../image/index/mobile/banner6.png) no-repeat center;
display: none;
background-size:100% 100%;
}
/*内容*/
.common{
border: none;
}
.common_bg{
display: none;
}
.mobile_1,.mobile_2,.mobile_3,.mobile_4,.mobile_5{
display: block;
width: 100%;
}
.mobile_1 img,.mobile_2 img,.mobile_3 img,.mobile_4 img,.mobile_5 img{
width: 100%;
}
/*底部名单*/
.hotline_bg{
min-width: 320px;
height: auto;
}
.hotline_bg{
min-width: 320px;
height: auto;
}
.hotline{
width: 100%;
height: auto;
}
.hotline_list{
width: 100%;
height: auto;
}
.hotline_list_item{
width: 98%;
padding-left: 10px;
}
.hotline_item_left{
display: none;
}
}